export default [
  {
    label: 'vue3普通组件',
    code:
`<template>
  <div class="demo">
  </div>
</template>
<script setup>
</script>
<style  scoped lang="scss"></style>`
  },
  {
    label: 'vue3复杂组件',
    code:
`<template>
  <div class="demo">
  </div>
</template>
<script setup>
  import { getCurrentInstance, onMounted, ref, reactive, computed } from 'vue';
  import { useRouter } from 'vue-router'
  import { defalutSetStore } from '@/stores/index'
  const props = defineProps({
    num: {
      type: String,
      defalut: ''
    }
  })
  const router = useRouter()
  const { proxy } = getCurrentInstance()
  const str1 = computed(() => {
    return ''
  })
  const str2 = ref('')
  const state = reactive({})
  const useDefalutSetStore = defalutSetStore()
  onMounted(() => {})
  const emit = defineEmits('select')
</script>
<style  scoped lang="scss"></style>`
  },
  {
    label: 'vue2组件',
    code:
`<template>
  <div class="vue3">
  </div>
</template>
<script>
  export default {
    name: '',
    components: {},
    computed: {},
    data(){
      return{}
    },
    mounted(){},
    mtehods:{}
  }
</script>
<style  scoped lang="scss"></style>`
  },
  {
    label: '桌面组件',
    code:
`<template>
  <section>
    <div class="content-title">{{ title }}</div>
  </section>
</template>
<script setup>
  const props = defineProps({
    title: {
      type: String,
      defalut: ''
    }
  })
</script>
<style  scoped lang="scss">
</style>
`
  },
  {
    label: '新的接口',
    code:
`import request from '@/utils/request'
export function fun1(params) {
  return request({
    url: '请求地址',
    method: 'get',
    params
  })
}`
  },
  { label: '打包组件', code: `export { default as demo } from './demo.vue'` },
  { label: '导出整体', code: `export dafalut []` },
  { label: '导出部分', code: `export const demo = []` },
  { label: '弹窗', code:
`<el-dialog :title="fnName" v-model="isTool" width="80%">
  <div slot="footer" class="dialog-footer" style="display: flex;justify-content: right;">
    <el-button type="primary" @click="saveUp">保 存</el-button>
    <el-button @click="() => { isTool = false }">取 消</el-button>
  </div>
</el-dialog>`
  },
  {
    label: 'el-table', code:
`<el-table :data="tableData" border>
  <el-table-column type="index" width="80" />
  <el-table-column v-for="(x, y) in columns" :prop="x.name" :label="x.title" :width="x.width" />
</el-table>`
  },
  {
    label: 'layout布局', code:
`<el-row>
  <el-col :span="24">
    <div class="grid-content ep-bg-purple-dark" />
  </el-col>
</el-row>`
  }
]
